/**
 * Created by Administrator on 2017/9/21.
 */
$(function(){
    //如果uName存在，就替换成用户名称，欢迎光临 XXX这样子---头部。

    //菜单栏最顶部，划入变色
    $("header > .head_top > .wrapper > ul>li").on("mouseenter", function(){
        $(this).css("background", "white")
    });
    $("header > .head_top > .wrapper > ul>li").on("mouseleave", function(){
        $(this).css("background", "#f2f2f2")
    });
    //菜单栏最顶部--我的账户部分的下拉功能
    $("header > .head_top > .wrapper > ul>li:first").on("mouseenter", function(){
        $(this).children("dl").stop().slideDown()
    });
    $("header > .head_top > .wrapper > ul>li:first").on("mouseleave", function(){
        $(this).children("dl").stop().slideUp()
    });
    //购物车
    $("header > .head_top > .wrapper > ul>li:nth-of-type(2)").on("mouseenter", function(){
        $(this).find(".shopping_cart").show();
        $(this).on("mouseleave", function(){
            $(this).find(".shopping_cart").hide();
        })
    });

    //右边栏的商品数量
    setInterval(function(){
        var n = 0;
        for(var i = 0; i < 10; i++){
            if($.cookie("No." + i)){
                n++;
            }
        }
        $(".goods_num").text(n);
        var num = 0;
        var sum = 0;
        $(".shopping_cart >ul>li").each(function(){
            if($(this).find("input").eq(0).prop("checked")){
                num++;
                console.log($(this).find("span").eq(0).text().slice(1));
                sum += parseInt($(this).find(".shops_num").text()) * $(this).find("span").eq(0).text().slice(1)
            }
            $(".sasa_account span").eq(0).text($(".shopping_cart").eq(1).find("li").length);
            $(".sasa_account span").eq(1).text(num);
            $(".sasa_account span").eq(2).text("￥" + sum)
        })
    }, 500);

    //右边全选框点击，（保税仓直送）下列都选中
    //-------------------
    $(".sasa_shopping_cart .sasa_type input").on("click", function(){
        $(".sasa_shopping_cart .shopping_cart input").prop("checked", $(this).prop("checked"))
    });
    //点击删除图标i的class=delete的时候，删除，购物车里面的商品
    $(".delete").on("click", function(){
        //最顶部导航栏里的li ++右边导航栏弹出的框里面的li。
        $(this).parent("a").parent("li").remove();
        $(this).parent("a").parent("p").parent("li").remove();
        // console.log($(this).parent("a").parent("p").parent("li")[0].className);
        $.removeCookie($(this).parent("a").parent("p").parent("li")[0].className);
        window.location.reload()
    });
    //点击关闭按钮隐藏购物车的部分
    $(".sasa_shopping_cart .close").on("click", function(){
        $(".sasa_shopping_cart").hide()
    });
    $(".sasa_aside_right .open_shopping_cart").on("click", function(){
        $(".sasa_shopping_cart").show()
    });
    //-------------------
    //侧边栏的划入画出事件，显示二维码
    $(".sasa_aside_right ul li").on("mouseenter", function(){
        if($(this).index() == 6){
            return
        }
        if($(this).index() == 5){
            $(this).children(".weixin").show()
        }
        //第一个是不用变色的，取消之
        if($(this).index() == 0){
            $(this).find("i").css("background", "#ec3e7d");
            $(this).find(".aside_right_content").show();
            // console.log(1);
            return
        }
        $(this).css("background", "#ec3e7d");
        $(this).children(".aside_right_content").show()
    });
    //改变i字体图标颜色，弹出左边的小框框
    $(".sasa_aside_right ul li").on("mouseleave", function(){
        if($(this).index() == 0){
            $(this).find("i").css("background", "#4c4c4c");
            $(this).children(".aside_right_content").hide();
            return
        }
        $(this).css("background", "#4c4c4c");
        $(this).children(".aside_right_content").hide();
        $(this).children(".weixin").hide()
    });
    $(".sasa_aside_right ul li:last").on("click", function(){
        //返回顶部
        $('html,body').animate({scrollTop : '0'}, 1000);
    });

    $(".sasa_category_item").on("mouseenter", function(){
        $(this).find(".sasa_category_sidebox").show()
    });// 左侧的banner图上的导航栏效果
    $(".sasa_category_item").on("mouseleave", function(){
        $(this).find(".sasa_category_sidebox").hide()
    });// 左侧的banner图上的导航栏效果
    $("nav .nav_Column").on("mouseenter", function(){
        $(this).find(".sasa_category").show()
    });
    $("nav .nav_Column").on("mouseleave", function(){
        $(this).find(".sasa_category").hide()
    });
    //这里是，放大镜效果
    $(".main_content .magnifying_small img").on("mouseenter", function(){
        $("#demo .amplification").attr("src", $(this).attr("src"));
        $("#demo").attr("href", $(this).attr("src"));
        $(".big_img").attr("src", $(this).attr("src"));
    });//最小图，改上面中图的图片。
    //这是外来的放大镜
    (function(e){
        var i = {
            shadecolor : "#FFD24D",
            shadeborder : "#FF8000",
            shadeopacity : .5,
            cursor : "move",
            layerwidth : 400,
            layerheight : 300,
            layerborder : "#DDD",
            fade : true,
            largewidth : 1280,
            largeheight : 960
        };
        var t = function(t){
            t = e.extend({}, i, t);
            e(this).each(function(){
                var i = e(this).css("position", "relative");
                var h = i.children().first();
                var r = {x : h.width() / t.largewidth, y : h.height() / t.largeheight};
                var o = {shade : {width : t.layerwidth * r.x - 2, height : t.layerheight * r.y - 2}};
                var a = e("<div>").css({
                    position : "absolute",
                    left : "0px",
                    top : "0px",
                    "background-color" : t.shadecolor,
                    border : "1px solid " + t.shadeborder,
                    width : o.shade.width,
                    height : o.shade.height,
                    opacity : t.shadeopacity,
                    cursor : t.cursor
                });
                a.hide().appendTo(i);
                var d = e("<img>").css({
                    position : "absolute",
                    display : "block",
                    width : t.largewidth,
                    height : t.largeheight
                });
                var s = e("<div>").css({
                    position : "absolute",
                    left : i.width() + 5,
                    top : 0,
                    "background-color" : "#111",
                    overflow : "hidden",
                    width : t.layerwidth,
                    height : t.layerheight,
                    border : "1px solid " + t.layerborder
                });
                d.attr("src", i.attr("href"));
                d.attr("class", "big_img");
                d.appendTo(s);
                s.hide().appendTo(i);
                var n = {x : o.shade.width / 2, y : o.shade.height / 2};
                var l = {width : i.innerWidth() - a.outerWidth(), height : i.innerHeight() - a.outerHeight()};
                var g = function(){
                    a.show();
                    if(t.fade) s.stop().fadeIn(300); else s.show()
                };
                var c = function(){
                    a.hide();
                    s.hide()
                };
                var f = i.offset();
                i.mousemove(function(e){
                    var t = e.pageX - f.left;
                    var h = e.pageY - f.top;
                    if(t < 0 || t > i.innerWidth())return c();
                    if(h < 0 || h > i.innerHeight())return c();
                    t = t - n.x;
                    h = h - n.y;
                    if(t < 0) t = 0;
                    if(h < 0) h = 0;
                    if(t > l.width) t = l.width;
                    if(h > l.height) h = l.height;
                    a.css({left : t, top : h});
                    d.css({left : 0 - t / r.x, top : 0 - h / r.y})
                }).mouseenter(g).mouseleave(c)
            })
        };
        e.fn.extend({enlarge : t})
    })(jQuery);
    $("#demo").enlarge(
        {
            // 鼠标遮罩层样式
            shadecolor : "#FFD24D",
            shadeborder : "#FF8000",
            shadeopacity : 0.4,
            cursor : "move",

            // 大图外层样式
            layerwidth : 300,
            layerheight : 300,
            layerborder : "#DDD",
            fade : true,

            // 大图尺寸
            largewidth : 600,
            largeheight : 600
        });

    //这里是五角星，五星评分
    var wjx_none = '☆', // 空心五角星
        wjx_sel = '★', // 实心五角星
        index;
    $(".comment li").on("mouseenter", function(){
        $(this).text(wjx_sel).siblings().text(wjx_none).end().prevAll().text(wjx_sel)
    });
    $(".comment").on("mouseleave", function(){
        $(this).children().text(wjx_none);
        $(".comment li").eq(index).text(wjx_sel).prevAll().text(wjx_sel);

    });
    $(".comment li").on("click", function(){
        index = $(this).index();
    });

    $(".main_content .content_num1").on("click", function(){
        $(this).siblings("input").val($(this).siblings("input").val() - 1);
        if($(this).siblings("input").val() <= 0){
            $(this).siblings("input").val(0)
        }
    });
    $(".main_content .content_num2").on("click", function(){
        // input里没有内容时，让其为0，后续再加一
        if(!$(this).siblings("input").val()){
            $(this).siblings("input").val(0);
        }
        //避免nan，parseInt一下
        $(this).siblings("input").val(parseInt($(this).siblings("input").val()) + 1);
        if($(this).siblings("input").val() >= 99){
            $(this).siblings("input").val(99)
        }
    });
    $(".main_content .content_shopcar span:nth-of-type(2)").on("mouseenter", function(){
        $(this).siblings("img").show()
        //扫二维码，移入出现移除隐藏
    });
    $(".main_content .content_shopcar span:nth-of-type(2)").on("mouseleave", function(){
        $(this).siblings("img").hide()
    });
    for(var i = 0; i < 6; i++){
        //改变分享到微信微博qq等， 的背景position 精灵图
        $(".main_content .content_share ul li").eq(i).find("a").css("background-position", "0 " + i * -20 + "px")
    }
    $(".content_share i").on("click", function(){
        //点击收藏，变色
        $(this).css("color", "#ec3e7d");
        $(".content_share i").on("click", function(){
            //点击收藏，变色
            $(this).css("color", "#3e3e3e");

        });
    });
    //下面是=== 左侧导航栏移动定位+右侧返回顶部的隐藏显示
    setInterval(function(){
        if($(document).scrollTop() >= 740){
            //左侧导航栏的移动定位
            $(".sasa_mustCheck .floor_left").css("position", "fixed").css("top", "70px");
            $(".sasa_aside_right ul li:last-child").show();
        } else {
            $(".sasa_mustCheck .floor_left").css("position", "absolute").css("left", "-0.5px").css("top", "830px");
            $(".sasa_aside_right ul li:last-child").hide();
        }
        if($(document).scrollTop() >= 925){
            $(".sasa_moreDetails .fix_up").css("position", "fixed").css("right", "74px").css("z-index", 1000);
        } else {
            $(".sasa_moreDetails .fix_up").css("position", "absolute").css("right", "0");
        }
    }, 500);
    $(".fix_up li").on("click", function(){
        //评价、详情页的滚动条跳转
        if($(this).index() == 0){
            $('html,body').animate({scrollTop : '940'}, 800);
            $(this).css("border-color", "#c69a62").siblings().css("border-color", "transparent")
        }
        if($(this).index() == 1){
            $('html,body').animate({scrollTop : '1320'}, 800);
            $(this).css("border-color", "#c69a62").siblings().css("border-color", "transparent")
        }
        if($(this).index() == 2){
            $('html,body').animate({scrollTop : '7878'}, 800);
            $(this).css("border-color", "#c69a62").siblings().css("border-color", "transparent")
        }

    });
    //下面是跳转到商品页面的时候传过来的用户名，改变上方的称呼。
    var str = window.location.search;
    if(str.indexOf('?') != -1 && str.includes("=")){
        var arr = str.split("?")[1].split("=");
        $("#login_uName").html("<span></span>");
        $("#login_uName span").html("欢迎光临莎莎网, <a href='#'>" + arr[1].split("&&")[0] + "</a> 您好！").find("a").css("text-decoration", "none");
    }

    //点击to_index返回首页
    $(".to_index").on("click",function(){
        var str = window.location.search;
        var arr = str.split("?")[1].split("=");
        window.open("index.html?uName=" + arr[1]+"="+arr[2]);
    });

    //这里是ajax
    $.ajax({
        url : "../js/lib/tsconfig.json", success : function(shopsArr){
            var str = window.location.search;
            if(str.indexOf('?') != -1 && str.includes("=")){
                var arr = str.split("?")[1].split("=");
                // console.log(arr[2]);
                $(".goods_main>.wrapper>p>a:last-child").text(shopsArr[arr[2]].uName);
                $(".main_content .main_content_right>p:first-child").text(shopsArr[arr[2]].uName);
                $(".main_content .main_content_left>a>img").attr("src", shopsArr[arr[2]].uSrc);
                $(".main_content .main_content_left>.magnifying_small>img:nth-of-type(1)").attr("src", shopsArr[arr[2]].uSrc);
                $(".main_content .main_content_left .big_img").attr("src", shopsArr[arr[2]].uSrc);
                $(".main_content .content_price>span:first-child").text(shopsArr[arr[2]].newPrice);
                $(".main_content .content_price>span:nth-of-type(2)").text(shopsArr[arr[2]].oldPrice);
                $(".main_content .content_price>span:nth-of-type(3)").text(shopsArr[arr[2]].discount);
                $(".main_content_right>p:nth-of-type(3)>span:nth-of-type(2)").text(shopsArr[arr[2]].reduce)
            }
            //点击加入购物车，添加
            $(".add_into").on("click", function(){
                if(!$(".content_num input").val()){
                    $(".content_num input").val(1)
                }
                shopsArr[arr[2]].num += parseInt($(".content_num input").val());
                console.log(shopsArr[arr[2]].num);
                add(shopsArr[arr[2]]);
                window.location.reload();

            });

            $(".cart_enter").on("click", function(){
                var str = window.location.search;
                if(str.indexOf('?') != -1 && str.includes("=")){
                    var arr = str.split("?")[1].split("=");
                }
                window.location.href = "shopping_cart.html?uName=" + arr[1] + "=" + arr[2]
            });
            $(".shopping_cart ul li:first-child").siblings().remove();
            for(var i = 0; i < 10; i++){
                if($.cookie("No." + i)){
                    var newLi = $(".shopping_cart ul>li:first-child").eq(1).clone(true);
                    $(newLi).find("img").attr("src", JSON.parse($.cookie("No." + i)).uSrc);
                    $(newLi).find("p").eq(0).find("a").text(JSON.parse($.cookie("No." + i)).uName);
                    $(newLi).find("p").eq(1).find("span").eq(0).text(JSON.parse($.cookie("No." + i)).newPrice);
                    $(newLi).find("p").eq(1).find("span").eq(1).text(JSON.parse($.cookie("No." + i)).num);
                    // console.log("多少次");
                    $(newLi).addClass("No." + i);
                    $(".shopping_cart>ul").append(newLi);
                }
            }
            $(".shopping_cart ul>li:first-child").remove()
        }
    });
    //根据点击的不同详情，进入商品页面，获取uId，改变内容
});
function add(obj){
    // console.log("点击了");
    var jsonStr = $.cookie("No." + obj.uId); //根据ID获取本地一条cookie的记录，再
    // 判断是否本地cookie是否有记录
    if(jsonStr){
        console.log(obj.uId);
        // var jsonStr = $.cookie("No.3");
        console.log(jsonStr);
        $(".shopping_cart>ul>li>a>img").attr("src", JSON.parse(jsonStr).uSrc);
        $(".shopping_cart>ul>li>p:first-child>a").text(JSON.parse(jsonStr).uName);
        $(".shopping_cart>ul>li>p:nth-of-type(2)>span").text(JSON.parse(jsonStr).newPrice);
        var date = new Date();
        date.setDate(date.getDate() + 180);
        //是数量，加入购物车
        $(".shops_num").text(obj.num);
        $(".goods_num").text(obj.num - 1);
        $.cookie("No." + obj.uId, JSON.stringify(obj), date);//保存到cookie中
        $(".shopping_cart").show().find("ul>li").show();
    } else {
        var date = new Date();
        date.setDate(date.getDate() + 180);
        $.cookie("No." + obj.uId, JSON.stringify(obj), date);//保存到cookie中
    }
}